﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>ichartjs 示例</title>
		<meta name="Description" content="The ichartjs's gallery center,ichartjs 示例中心" />
		<meta name="Keywords" content="ichartjs demo,Html5 demo,ichartjs示例,ichartjs示例,Html5示例,Html5示例" />
		<script type="text/javascript" src="../../ichart.1.2.1.min.js"></script>
                   <script type="text/javascript" src="../../jquery.min.js"></script>
                
		<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
		<script type="text/javascript">
 	  

		$(function(){
		
                      
			var arrayList=JSON.parse($.ajax({url:"http://localhost/t/hello-world?name=zhan",async:false}).responseText);
			
		
			var data = [
			        	{
			        		name : '北京',
			        		value:arrayList,
			        		color:'#1f7e92',
			        		line_width:1
			        	}
			       ];
			var chart = new iChart.LineBasic2D({
						brushsize:1,
						render : 'canvasDiv',
						data: data,
						title : '',
						width : 800,
						height : 800,
						coordinate:{height:'100%',background_color:'#ffffff'},
						
					});
			chart.draw();
		});
				
			</script>
		</head>
		<body>
			<div id='canvasDiv'></div>
			<div class='ichartjs_info'>
				<span class='ichartjs_author'>written by <a title="示例的贡献者" href="mailto:taylor@ichartjs.com">taylor</a></span>
				<span class='ichartjs_btn' onmouseover="this.style.color='#2f99ff'" onmouseout="this.style.color='#0b2946'" onclick="window.top.viewCode(document);">View Code</span>
				<div class='ichartjs_sm'>说明</div>
				<div class='ichartjs_details'>
					这是一个基本的线形图示例，示例展示了北京2012年中12个月的平均温度情况。配置上除了像标题、长宽的基本属性外基本上都是默认的。
				</div>
				<span class='ichartjs_sm'>备注：</span>
				<span class='ichartjs_details'>
					数据均为模拟。
				</span>
			</div>
		</body>
</html>
